:root {
    // brand colors
    --c-brand: #009fb0;
    --c-brand-light: #009fb0;

    --z-index-menu-items-wrap: 3 !important;
}
html.dark {
    // brand colors
    --c-brand: #ff8a5c;
    --c-brand-light: #ff8a5c;
}

/* dd-item-table */
.dd-item:is(.table-header, .table-body) {
    border: none;
}

/* dd-container */
.dd-container {
    text-align: center;
}

.dd-container.has-padding,
.dd-container.has-margin {
    box-shadow: 0 0 0 0.5em inset rgba(var(--success-rgb), 0.7), 0 0 0 0.5em rgba(var(--warning-rgb), 0.7);
}

.dd-header {
    background-color: rgba(var(--primary-rgb), 0.3);
    padding: 0.5em !important;
}

.dd-aside {
    background-color: rgba(var(--primary-rgb), 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5em !important;
}

.dd-main {
    background-color: rgba(var(--primary-rgb), 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
}

.dd-footer {
    background-color: rgba(var(--primary-rgb), 0.3);
    padding: 0.5em !important;
}

.dd-time-picker {
    z-index: 3;
}
.dd-tab-nav-content {
    z-index: 1;
}
.dd-select {
    z-index: 3;
}
.dd-avatar.text {
    z-index: 1;
}
